<%-- 
    Document   : modificarAsistencia
    Created on : 17/11/2010, 10:36:44 AM
    Author     : yngrdyn
--%>
<%@ include file='../Templates/security.jsp' %>

<%@ taglib uri="http://struts.apache.org/tags-bean" prefix="bean" %>
<%@ taglib uri="http://struts.apache.org/tags-html" prefix="html" %>
<%@ taglib uri="http://struts.apache.org/tags-logic" prefix="logic" %>

<%@page contentType="text/html" pageEncoding="UTF-8"%>
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN"
    "http://www.w3.org/TR/html4/loose.dtd">

<script type="text/javascript">
    $(function(){
        $('#fecha').datepicker({
            dateFormat: 'dd/mm/yy',
            maxDate: new Date(),
            showOn: "button",
            buttonImage: "style/images/calendar.gif",
            buttonText: "calendario"
        }).attr('readonly', true);
        listaSedes();
    });

    var ci="";
    var fechaDesde = "";
    var fechaHasta = "";
    var fechaAsist = "";
    var sede = "";

    var hashNombre = new Object();
    var hashApellido = new Object();

    function listarCIPersonal(){
        hashNombre = new Object();
        hashApellido = new Object();
        $.getJSON("listarCIAsist.do",{fechaAsist:fechaAsist,sede:sede},
        function(data){
            $('#ciAsist').empty();
            var string = "<option value=' '>  </option>";
            $('#ciAsist').append(string);
            $.each(data.CIAsistencia, function(i,item){
                hashNombre[item.ci] = item.nombre;
                hashApellido[item.ci] = item.apellido;
                var string = "<option value='"+item.ci+"'>"+item.ci+"</option>";
                $('#ciAsist').append(string);
            });
        });
    }

    function datosAsistencia(){
        document.getElementById("nombre_persona").value = hashNombre[ci];
        document.getElementById("apellido_persona").value = hashApellido[ci];
        $.getJSON("buscarAsist.do",{fechaAsist:fechaAsist, ci:ci},
        function(data){
            $.each(data.Asistencia, function(i,item){
                document.getElementById("horaLlegada").value=item.hora_llegada;
                document.getElementById("horaSalida").value=item.hora_salida;
                    
                listaEspacios(item.nombre_espacio,item.sede);
                if (item.observ != null)
                    document.getElementById("Observ").value = item.observ;
            });
        });
    }

    function listaEspacios(espacio,nombreSede){
        $('#Espacio').empty();
        var string = "<option value='"+espacio+"'>"+espacio+"</option>";
        $('#Espacio').append(string);
        $.getJSON("nombreEspacios.do",{sede:nombreSede},function(data){
            $.each(data.NombreEspacios,function(i,item){
                string = "<option value='"+item.nombre+
                    "'>"+item.nombre+"</option>";
                $('#Espacio').append(string)
            });
        });
        
    }

    function setFechaAsist(fechaA){
        fechaAsist = fechaA;
    }

    function setCi(ciE){
        ci = ciE;
    }

    function setSede(sedeU){
        sede = sedeU;
    }

    function deshabilitar(){
        document.getElementById("Espacio").disabled = true;
        document.getElementById("horaLlegada").disabled = true;
        document.getElementById("horaSalida").disabled = true;
        //document.getElementById("Espacio").disabled = true;
    }

    function habilitar(){
        document.getElementById("Espacio").disabled = false;
        document.getElementById("horaLlegada").disabled = false;
        document.getElementById("horaSalida").disabled = false;
        //document.getElementById("Espacio").disabled = true;
    }

    function abreVentana(){
        ventAux = window.open("Modulo4/registrarAsistenciaAux1.jsp","Registrar Asistencia", "width=120,height=300")
    }


</script>

<h1 class="title">Modificar Asistencia</h1>

<hr>

<p class="meta"></p>
<div class="entry">
    <center>
        <html:form action="/modifAsist" styleId="modificarAsistenciaForm" onsubmit="return sendForm('modificarAsistenciaForm', 'modifAsist','center');">
            <table cellspacing="5">
                <tr>
                    <td colspan="2">
                        <bean:write name="modificarAsistenciaForm" property="error" filter="false" />
                        &nbsp;
                    </td>
                </tr>

                <tr>
                    <td>Fecha de la guardia (dd/mm/aaaa):</td>
                    <td><%--<html:text property="fechaG" styleId="fecha" onchange="setFechaAsist(value)"/>--%>
                        <input type="text" name="fechaG" id="fecha" onchange="setFechaAsist(value);" value="<bean:write name="modificarAsistenciaForm" property="fechaG" ignore="true"/>"/>
                    </td>
                </tr>
                <tr>
                    <td>Sede:</td>
                    <td>
                        <select id="Sedes" name="sede" onchange="setSede(value);listarCIPersonal()">
                            <option value="" selected> </option>

                        </select>
                    </td>
                </tr>
                <tr>
                    <td>C&eacute;dula del empleado:</td>
                    <td>
                        <select id="ciAsist" name="ci" onchange="setCi(value);datosAsistencia()">
                            <option value="" selected/>
                        </select>
                    </td>
                </tr>

                <tr>
                    <td>Nombre:</td>
                    <td><%--<html:text property="fechaG" styleId="fecha" onchange="setFechaAsist(value)"/>--%>
                        <input type="text" name="nombre" id="nombre_persona" disabled/>
                    </td>
                </tr>
                <tr>
                    <td>Apellido:</td>
                    <td><%--<html:text property="fechaG" styleId="fecha" onchange="setFechaAsist(value)"/>--%>
                        <input type="text" name="apellido" id="apellido_persona" disabled/>
                    </td>
                </tr>
                <tr>
                    <td>Condicion:</td>
                    <td>
                        <table cellspacing="5px">
                            <tr>
                                <td><input type='radio' name='condicion' id='condicionAsistencia'value='Presente' checked> Presente</td>
                                <td><input type='radio' name='condicion' id='condicionAsistencia'value='Ausente'> Ausente</td>
                            </tr>
                            <tr>
                                <td><input type='radio' name='condicion' id='condicionAsistencia'value='Permiso'> Permiso</td>
                                <td><input type='radio' name='condicion' id='condicionAsistencia'value='Reposo'> De reposo</td>
                            </tr>
                            <tr>
                                <td><input type='radio' name='condicion' id='condicionAsistencia'value='Descanso'> Descanso</td>
                                <td><input type='radio' name='condicion' id='condicionAsistencia'value='Reemplazado'> Reemplazado</td>
                            </tr>
                        </table>
                    </td>
                </tr>
                <tr>
                    <td>Espacio donde cumpli&oacute; la guardia:</td>
                    <td>
                        <select id="Espacio" name="espacio">
                            <option value="" selected/>
                        </select>
                    </td>
                </tr>
                <tr>
                    <td>Hora de llegada:</td>
                    <td><html:text property="hora_llegada" styleId="horaLlegada"/> (Ej.: 11:45 AM)</td>
                </tr>
                <tr>
                    <td>Hora de salida:</td>
                    <td><html:text property="hora_salida" styleId="horaSalida"/> (Ej.: 11:45 AM)</td>
                </tr>

                <tr>
                    <td>Observaciones</td>
                    <td>
                        <html:textarea property="observaciones" styleId="Observ" rows="3" cols="25"/>
                    </td>
                </tr>
            </table>
            <br>

            <html:submit value="Actualizar" styleClass="button" styleId="Prueba"/>
            <html:button property="" styleId="Asistencias" value="Atr&aacute;s" />


        </html:form>
        <br>
        <font color="red"><p>NOTA: Solo puede modificar las asistencias registradas.</p></font>
    </center>
</div>
